@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:0}input.hidefocus::-moz-focus-inner{border:0}table{border-collapse:collapse;border-spacing:0;empty-cells:show}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{font-size:100%}i,em{font-style:normal}small{font-size:12px;display:block}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}a{text-decoration:none;color:#565656}a:hover{color:#00758d;text-decoration:none}body{font-size:12px;font-family:"微软雅黑";color:#565656;line-height:24px;border-top:5px solid #00758d}.big{font-size:14px;line-height:30px}.clear{clear:both}.shouji{display:none}
.header .head,.logo,.banner,.header #nav{width:1200px;margin:0 auto}
.header{width:100%;height:107px;padding-top:10px}
.header #nav p{text-align:right;font-size:16px;line-height:40px}
.header #nav p span{font-size:20px;color:#00758d}
.header .nav{width:735px;float:right}
.header .menu li{ float:left;width:66px;padding-left:44px;position:relative}
.header .menu li a{ display:block; color:#999;text-align:center;line-height:40px;font-size:16px;padding-bottom:14px}
.header .menu li a:hover{ color:#00758d;background:url(../images/hover.jpg) center 40px no-repeat}
.header .menu li ul li{width:154px;padding-left:0}
.header .menu .currentNav1 a:hover{color:#00758d;background:url(../images/hover.jpg) center 40px no-repeat}

.menu{position:relative; z-index:1}
.menu ul{border-top:none;position:absolute;top:-999em;z-index:99999;padding-top:18px;display:none;left:25px}
.header .menu ul li a{font-size:14px;color:#565656;font-weight:bold;text-align:left;padding-left:46px;background:url(../images/1.png) no-repeat 18px center;padding-bottom:0}
.header li:hover a{color:#00758d;background:url(../images/hover.jpg) center 40px no-repeat}
.menu li:hover ul{top:54px;display:block;background: rgba(255, 255, 255, .7);filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #70ffffff, endColorstr = #70ffffff)\9;}
.menu li:hover ul li{ float:none; border-bottom:1px #ccc solid; line-height:36px}
.menu li:hover ul li a:hover{ background:url(../images/2.jpg) no-repeat 18px center #00758d;color:#fff}
/*IE6*/
.menu li.hover ul{top:54px;display:block;background: rgba(255, 255, 255, .7);filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #70ffffff, endColorstr = #70ffffff)\9;}
.menu li.hover ul li{ float:none; border-bottom:1px #ccc solid; line-height:36px}
.menu li.hover ul li a:hover{background:url(../images/2.jpg) no-repeat 18px center #00758d;color:#fff}

.footer{padding-top:90px;}
.footpmenu{background:url(../images/line.jpg) repeat-x left top #ebebeb}
.footpmenu #footpmenu{width:1200px;margin:0 auto;padding-top:2px}
.footpmenu #footpmenu .h2{width:95px;height:65px;background:#00758d;color:#fff;float:left;text-align:center;padding-top:30px;font-size:14px;}
.footpmenu #footpmenu .h2 span{font-size:16px;font-weight:bold}
.footpmenu #footpmenu ul{float:right;width:850px;padding-top:20px}
.footpmenu #footpmenu ul .title{background:#fff;line-height:22px;height:85px;padding:5px 45px 5px 25px;float:left;width:685px}
.footer .banquan{text-align:center;color:#999;font-size:14px;line-height:26px;padding:10px 0 5px}.footer .banquan a{color:#999}.footer .banquan a:hover{color:#00758d}
/*右侧漂浮*/
.suspend{width:37px;height:345px;position:fixed;top:100px;right:0;overflow:hidden;z-index:9999; color:#fff; font-size:14px}
.suspend dl{width:160px;height:345px;padding-left:40px;}
.suspend dl dt{width:37px;height:345px;background:url(../images/suspend.gif) no-repeat left center;position:absolute;top:0;left:0;cursor:pointer; }
.suspend .fwrx{width:160px;height:64px; padding-top:22px;background:url(../images/suspend1.gif) no-repeat 22px 22px #666; border-bottom:1px solid #999}
.suspend .fwrx .p{ font-size:18px; padding-left:12px}
.suspend .QQ a{height:40px; padding-top:18px;display:block;background:url(../images/suspend2.gif) 26px 14px #666 no-repeat;overflow:hidden; padding-left:64px; color:#fff;border-bottom:1px solid #999;}
.suspend .erweima{background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend .erweima{background:url(../images/suspend_d.gif) left bottom repeat-x #666; padding:14px 16px 8px 16px; color:#fff; line-height:32px; text-align:center}

.menu .currentNav1{padding-left:0!important}
.menu .currentNav1 a{background:url(../images/hover.jpg) center 40px no-repeat}.slide-main{height:481px;position:relative;margin-bottom:55px}.slide-main a{display:block;height:481px}#bgstylec{background:url(../images/banner1.jpg) no-repeat center top}#bgstylea{background:url(../images/banner2.jpg) no-repeat center top}.item{display:block;width:100%;height:14px;position:absolute;z-index:124;top:435px;left:0;text-align:center}.item a{display:inline-block;width:14px;height:14px;margin-right:10px;background:url(../images/yuan2.png) no-repeat;overflow:hidden}.item a.cur{background:url(../images/yuan1.png) no-repeat}.slide-box,.slide{display:block;width:100%;height:481px;overflow:hidden}.slide-box{position:relative}
.index_about{padding-bottom:50px}.index_about .h2{font-size:20px;background:url(../images/3.jpg) no-repeat;color:#333;width:159px;margin:0 auto 30px;line-height:21px;padding-left:20px;height:21px; overflow:hidden}.index_about .h2 span{display:block; font-family:Arial, Helvetica, sans-serif;color:#999;float:right;width:72px;}.index_about .about{width:1200px;margin:0 auto}.index_about .aboutimg{float:left;width:300px;margin-right:25px}.index_about .aboutinfo{float:left;width:374px;height:199px;line-height:26px;position:relative}.index_about .aboutinfo .more{display:block;line-height:30px;text-align:center;color:#fff;width:100px;background:#00758d;-moz-border-top-right-radius:12px;-webkit-border-top-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;position:absolute;bottom:0}
.index_about .xiaoguo{float:right;width:434px;}
.index_about .xiaoguo .photo{height:199px;overflow:hidden}
.index_about .xiaoguo li{float:left;width:33.33%;overflow:hidden;position:relative;}
.index_about .xiaoguo .rsp{width:145px;height:199px;overflow:hidden;position: absolute;background:url(../images/hover1.png) center top;top:0px;left:0px;}
.index_about .xiaoguo .rsp1{width:90px;line-height:34px;padding-left:55px;overflow:hidden;position: absolute;background:url(../images/rsp1.png) center top;bottom:0px;left:0px;color:#fff;font-size:14px}
.index_about .xiaoguo .text{position:absolute;width:145px;left:-145px;top:0;overflow:hidden; display:block; color:#fff; padding-top:26px;text-align:center}
.index_about .xiaoguo .text span{ font-weight:bold}
.index_about .xiaoguo .text p{ line-height:22px;text-align:left;padding:5px 15px 0 15px;font-size:12px}
.index_news{background:url(../images/5.jpg) repeat-x #eee left 33px;padding-top:70px}.index_news .h2{font-size:20px;background:url(../images/4.jpg) no-repeat center top #eee;color:#333;width:175px;margin:0 auto 30px;line-height:21px;padding-left:40px;height:21px; overflow:hidden}.index_news .h2 span{display:block; font-family:Arial, Helvetica, sans-serif;color:#999;float:right;width:86px;}
.tabbox{width:260px;margin:0 auto 17px}.tabbox li{text-align:center;float:left;display:block;width:130px;display:inline;height:46px}.tabbox li a{color:#333;font-weight:bold;font-size:14px;display:block;line-height:34px;text-align:center;background:#999}.tabbox .cli a{color:#fff}.tabbox .cli{background:url(../images/6.jpg) center bottom no-repeat;}.tabbox .cli .cli1{background:url(../images/tabox.jpg) left top;}.tabbox .cli2{background:url(../images/tabox.jpg) right top;}.tabbox .cli .cli2{background:url(../images/tabox.jpg) right bottom;}.tabbox .cli1{background:url(../images/tabox.jpg) left bottom;}
#tabcontent{padding-bottom:35px;width:1200px;margin:0 auto}#tabcontent .hidden{display:none}
#tabcontent .img{float:left;width:310px;margin-right:38px}
#tabcontent .mnone{margin-right:0}
#tabcontent .img a{display:block;position:relative;height:188px; overflow:hidden}
#tabcontent .img a span{display:block;position:absolute;bottom:0;background-color:#000000;background-color:rgba(0,0,0,0.6);line-height:37px;color:#fff;width:100%;font-weight:bold;text-align:center;-moz-border-bottom-right-radius:12px;-webkit-border-bottom-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;behavior: url(../css/ie-css3.htc);}
#tabcontent .img a:hover span{background-color:#00758d;}
#tabcontent .img a img{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;behavior: url(../css/ie-css3.htc);display:block}
#tabcontent .img .desc{line-height:22px;padding-top:12px}
#tabcontent .title{width:504px;background:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;behavior: url(../css/ie-css3.htc);float:right;padding:20px 12px 15px;height:214px;}
#tabcontent .title ol li{background:url(../images/7.jpg) left center no-repeat;padding-left:24px;line-height:35px}#tabcontent .title ol li:hover{background:url(../images/8.png) left center no-repeat;}#tabcontent .title ol li a{display:block;border-bottom:1px dotted #bfbfbf}#tabcontent .title ol li a span{width:68px;float:right;color:#999}#tabcontent .title ol li a:hover span{color:#565656}

.index_product{padding-top:70px;background:url(../images/news.gif) center top no-repeat;}
.index_product .h2{font-size:20px;color:#333;line-height:21px;height:31px;overflow:hidden;border-bottom:1px solid #ccc;width:1200px; margin:0 auto 40px;text-align:right}.index_product .h2 span{display:block; font-family:Arial, Helvetica, sans-serif;color:#999;float:right;width:108px;text-align:left}.index_product .h2 div{border-bottom:#00758d 2px solid;width:192px;float:left}
.boxbox{width:1200px;position:relative;overflow:hidden;_height:100%;margin:0 auto}
.picbox{width:1014px;overflow:hidden;height:366px;position:relative;margin:0 auto}
.piclist{height:366px;position:absolute;left:0;top:0;}
.piclist li{margin-right:28px;margin-left:28px;width:282px;float:left;text-align:center;height:366px;display:block}
.piclist li .imga{display:block;width:282px;background:#ccc;height:366px}
.piclist li .imga .title{line-height:40px;font-weight:bold;}
.piclist li .imga .img{background:#e6e6e6;padding:10px}
.piclist li .imga .desc{text-align:left;padding:8px 8px 0;height:81px}
.piclist li .imga:hover .title,.piclist li .imga:hover .desc{background:#00758d;color:#fff}
.swaplist{position:absolute;top:0}
.og_prev,.og_next{width:56px;height:366px;position:absolute;z-index:99;top:0;cursor:pointer;}
.og_prev{background:url(../images/left.jpg) #ebebeb no-repeat center center;left:18px}
.og_prev:hover{background:url(../images/left1.jpg) no-repeat center center #00758d}
.og_next{background:url(../images/right.jpg) no-repeat center center #ebebeb;right:18px}
.og_next:hover{background:url(../images/right1.jpg) no-repeat center center #00758d}
@media all and (min-width:0) and (max-width:768px){body{min-width:inherit;background:#fff;color:#333;font-size:14px;border-top:0}.shouji{display:block}.shoujinone{display:none !important}img{width:100%}.head_sj,.logo,.banner,.header .nav{width:93.75%;margin:0 auto}.head_sj{padding-bottom:10px}
.header{padding-top:0}
.head_sj img{float:left;width:163px;height:69px}.head_sj p{float:right;font-size:14px;width:110px;padding-top:10px}.head_sj p span{font-size:16px;color:#00758d}.menu_sj{background:#00758d;}.menu_sj ul{width:93.75%;margin:0 auto}.menu_sj li{line-height:32px;width:33.3%;background:url(../images/line1.jpg) right top repeat-y;float:left;text-align:center;border-bottom:1px solid #fff}.menu_sj .navli2,.menu_sj .navli5{background:none}.menu_sj .navli3,.menu_sj .navli4,.menu_sj .navli5{border-bottom:none}.menu_sj ul li a{color:#fff;}

.index_about{padding-bottom:0;background:url(../images/sj_about.jpg) center top no-repeat #dedede;padding-top:50px}.index_about .h2{margin:0 auto 8px;background:url(../images/3.png) no-repeat;}.index_about .about{width:93.75%;}.index_about .aboutinfo{float:none;width:auto;height:auto;padding:20px 10px 10px;background-color:rgba(255,255,255,0.8);}.index_about .aboutinfo .info{padding-bottom:20px}.index_about .aboutinfo .more{position:relative;bottom:0;margin:0 auto}.index_about .xiaoguo{float:none;width:100%;margin:0 auto}.index_about .xiaoguo .photo{height:auto; overflow:hidden;padding0;margin:0}
.index_about .xiaoguo .photo img{height:auto;display:block;}.index_about .xiaoguo .photo a{position:absolute;bottom:0;display:block;background:url(../images/2.png) 18px center no-repeat rgba(0,0,0,0.5);width:100%;line-height:22px;color:#fff; text-indent:34px}.index_about .xiaoguo .rsp{display:none!important;width:0;height:0; overflow:hidden}
.index_about .xiaoguo .rsp1{display:none!important;width:0;height:0; overflow:hidden;}.index_about .xiaoguo .text{display:none}.background{background:#dedede;border-bottom:1px solid #999}

.index_news{background:url(../images/10.jpg) repeat-x #fff left 58px;padding-top:25px}.index_news .h2{background:url(../images/3.jpg) no-repeat center top #fff;margin-bottom:22px;}.tabbox .cli{background:url(../images/6.png) center bottom no-repeat;}.tabbox li a{font-size:16px}#tabcontent{padding-bottom:0;width:100%;border-bottom:1px solid #999}#tabcontent .img{float:none;margin:0 auto;width:93.75%;height:auto;padding-bottom:15px}#tabcontent .img a{height:auto;}#tabcontent .img a img{height:auto}#tabcontent .title{width:100%;background:#eee;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;behavior: url(../css/ie-css3.htc);float:none;padding:0 0 10px;height:auto;}#tabcontent .title ol li{background:none;padding:12px 0 12px;height:46px;line-height:23px}#tabcontent .title ol li:hover{background:none;}#tabcontent .title ol .lib:hover{background:#fff;}#tabcontent .title ol li a{border-bottom:none;width:93.75%;background:url(../images/8.png) left 7px no-repeat;margin:0 auto;position:relative;text-indent:16px;height:46px}#tabcontent .title ol .lib a{background:url(../images/7.jpg) left 7px no-repeat;}#tabcontent .title ol .lib{background:#fff}#tabcontent .title ol li a span{float:none;color:#bfbfbf;display:block;position:absolute;bottom:0;right:0;width:84px;font-size:12px}

.index_product{background:none;padding-top:40px;padding-bottom:40px}.index_product .h2{width:100%;}.index_product .h2 div{margin:0 auto;float:none}.rollphotos{width:300px;margin:0 auto}

.blk_29 .LeftBotton{BACKGROUND:url(../images/sj_left.jpg) no-repeat 0 center;WIDTH:30px;HEIGHT:310px;float:left}.blk_29 .LeftBotton:hover{BACKGROUND:url(../images/sj_left1.jpg) no-repeat 0 center}.blk_29 .RightBotton{RIGHT:0;BACKGROUND:url(../images/sj_right.jpg) no-repeat right center;WIDTH:30px;HEIGHT:310px;;float:left}.blk_29 .RightBotton:hover{BACKGROUND:url(../images/sj_right1.jpg) no-repeat right center}
.Cont{width:240px;float:left}
.Cont .box .imga{display:block;width:240px;background:#ccc;height:366px}
.Cont .box .imga .title{line-height:40px;font-weight:bold;}
.Cont .box .imga .img{background:#e6e6e6;padding:6px}
.Cont .box .imga .img img{width:226px;height:180px;display:block; overflow:hidden}
.Cont .box .imga .desc{text-align:left;padding:8px 8px 0;height:auto;line-height:20px}
.blk_29 .Cont{MARGIN:0 auto;OVERFLOW:hidden;WIDTH:240px}.blk_29 .box{FLOAT:left;WIDTH:240px;TEXT-ALIGN:center;overflow:hidden;height:310px;}.rollphotos{WIDTH:300px;margin:0 auto}

.footer{padding-top:0;}
.footpmenu{background:url(../images/line.jpg) repeat-x left top #ebebeb}
.footpmenu #footpmenu{width:93.75%;margin:0 auto;padding-top:2px;text-align:center}
.footpmenu #footpmenu img{width:215px;height:auto;display:block;margin:0 auto}

.footer .banquan{text-align:left;color:#565656;font-size:12px;padding:0 0 63px;background:#ebebeb}.footer .banquan div{width:93.75%;margin:0 auto;background:#fff;}.footer .banquan div p{padding:16px 10px;}.footer .banquan .shouji{display:inline}.footer .banquan a{color:#565656}

.toolbar {position: fixed;top:6px;left: 0;right: 0;background-color: transparent;z-index: 3;}
.menu-left {float: right;margin-right: 0;}
.sidebar {margin:0;padding-top: 1em;background-color:#003f98;}
.sidebar li{ border-bottom:1px solid #dedede; padding-bottom:10px}
.sidebar .block{ font-weight:bold; display:block; margin-left:15px; line-height:3rem; font-size:14px; color:#fff}
.sidebar a{ color:#fff}
div.sdmenu { background:#00758d; width:200px}
div.sdmenu .span{ line-height:45px; border-bottom:1px solid #fff; display:block;padding-left: 38px; font-weight:bold;font-size:16px}
div.sdmenu a{ color:#fff}
div.sdmenu ol {overflow: hidden;border-bottom: 1px solid #fff}
div.sdmenu ol.collapsed {height:45px;border-bottom: 1px solid #fff}
div.sdmenu ol span {background:url("../images/pro_down.png") no-repeat scroll right center;cursor: pointer;font-size: 16px;font-weight: bold;height: 45px;line-height: 45px;margin: 0;padding-left: 38px;position: relative; display:block; width:210px}
div.sdmenu ol span a{padding:0; background:none; border:0; font-size:16px;}
div.sdmenu ol.collapsed span{background:url("../images/pro_left.png") no-repeat scroll right center;border: 0 ;}
div.sdmenu ol.collapsed span a.current{color:#ad8634;}
div.sdmenu ol .a {color: #fff; display: block;font-size: 14px;padding-left: 38px; padding-bottom:10px}
div.sdmenu ol .a.current { font-weight:bold}
div.sdmenu ol span a.current {background :none; color:#fff}
.sp_bottom { display: block; position: fixed; bottom:0px; left:0px; width: 100%; height:33px; background:#00758d; overflow:hidden;}
.sp_bottom li{ width:20%; float:left;text-align:center; overflow:hidden;padding-top:6px}
.sp_bottom .bodernone{ border:0}
.sp_bottom img{ width:35.5px;}
}